<template>
  <div>
    <h3>引入文件--在安装完本组件库然后在您的代码中写入下面的代码</h3>
    <p>引入wwd-ui包</p>
    <pre><span class="im">import</span> WdUi <span class="im">from</span> <span class="pag">'wwd-ui'</span></pre>
    <p>引入wwd-ui的css文件</p>
    <pre><span class="im">import </span><span class="pag">'wwd-ui/dist/wd-ui.css'</span></pre>
  </div>
</template>

<script>

export default {
  name: 'into'
}
</script>
<style scoped>
  div {
    font-size: .375rem;
    margin: 1.25rem;
  }
  div > h3 {
    border-bottom: 1px solid #efefef;
  }
  div > p {
    font-size: .225rem;
    text-indent: 0.5rem;
    margin: 10px;
  }
  pre {
    height: 50px;
    background-color: #000;
    color: #fff;
    margin: 20px;
    border-radius: 10px;
    line-height: 50px;
    -webkit-user-select: text;
    padding: 20px;
    font-family: Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;;
  }
</style>
